<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		svg{border: 1px solid #333;}
	</style>
</head>
<body>
	<svg width="600" height="400">
		<!-- 绘制矩形 -->
		<rect x="100" y="100" width="100" height="100" fill="none" stroke="blue" stroke-width="10"></rect>


 		<!-- 绘制圆形 -->
 		<circle cx="300" cy="200" r="100" fill="red" stroke="blue" stroke-width="10"></circle>


 		<!-- 绘制直线 -->
 		<line x1="100" y1="100" x2="200" y2="200" stroke="red" stroke-width="10"/>

 		<!-- <line x1="100" y1="100" x2="200" y2="200" stroke="red" stroke-width="10"/>
 		<line x1="200" y1="200" x2="300" y2="100" stroke="red" stroke-width="10"/>
 		<line x1="300" y1="100" x2="400" y2="200" stroke="red" stroke-width="10"/> -->

 		<!-- 绘制折线 -->
 		<polyline points="100 100 200 200 300 100 400 200" fill="none" stroke="red" stroke-width="10"></polyline>


	</svg>

</body>
</html>